<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script>
    class person {
      // 1. constructor构造方法
      constructor(name, age) {
        this.name = name
        this.age = age
      }
      // 定义类的时候可以在里面定义方法
      // 2.普通方法
      getinfo() {
        return `姓名：${this.name},年龄：${this.age}`
      }
    }
    // new一个对象
    let per = new person('大美女', 18)//实例化对象
    console.log(per);
    console.log(per.getinfo());


    // 用extends继承以及方法重载，实现继承
    class backp extends person {
      constructor(name, age, heigh) {
        super(name, age);//调用父类构造方法
        this.heigh = heigh;
      }
      // 2.普通方法
      getinfo() {
        return `姓名:${this.name}\t年龄:${this.age}\t身高:${this.heigh}`
      }
    }
    let sl2 = new backp('二美女', '19', 178)
    console.log(sl2);

    console.log(sl2.getinfo());
  </script>
</head>


<body>

</body>

</html>